<template>
    <div class="majorPlan">
        <el-breadcrumb separator="/" class="breadcrumb-bottom">
                <el-breadcrumb-item :to="{ path: '/' }">统计分析</el-breadcrumb-item>
                <el-breadcrumb-item>专业培养计划</el-breadcrumb-item>
        </el-breadcrumb>
        <el-form :model="majorPlanForm" :rules="rules" ref="majorPlanForm" label-width="0px">
            <el-row :gutter="20">
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="majorPlanForm.major" placeholder="请选择专业">
                            <el-option label="计算机科学与技术" value="1"></el-option>
                            <el-option label="软件工程" value="2"></el-option>
                            <el-option label="网络工程" value="3"></el-option>
                            <el-option label="物联网" value="4"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="3">
                    <el-form-item prop="">
                    <el-input v-model="majorPlanForm.plan" placeholder="请输入培养计划"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="2" class="overflow-clear">
                    <el-button type="primary" @click="submitForm('majorPlanForm')" class="float-right">立即搜索</el-button>
                </el-col>
            </el-row>
        </el-form>
          <el-table
            :data="tableData3"
            border
            tooltip-effect="dark"
            style="width: 100%"
            @selection-change="handleSelectionChange">
            <el-table-column
            type="selection"
            width="60">
            </el-table-column>
            <el-table-column
            label="专业名称"
            prop="Name"
            width="175">
            <template scope="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column
            prop="code"
            label="专业代码"
            width="175">
            </el-table-column>
            <el-table-column
            prop="updateMan"
            label="修订人"
            width="175">
            </el-table-column>
            <el-table-column
            prop="confirmMan"
            label="审核人"
            width="175">
            </el-table-column>
            <el-table-column
            prop="planBook"
            label="培养计划附件"
            width="175">
            </el-table-column>
             <el-table-column
            prop="time"
            label="创建时间"
            width="175">
            </el-table-column>
             <el-table-column
            prop="status"
            label="状态"
            width="175">
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
    export default{
        name:'majorPlan',
        data(){
            return {
                majorPlanForm:{
                    major:'',
                    plan:''
                },
                tableData3:[
                    {
                        Name:'专业名称',
                        code:'2001',
                        updateMan:'blue',
                        confirmMan:'blue',
                        planBook:'附件',
                        time:'2222',
                        status:'未填写'
                    },
                     {
                        Name:'专业名称',
                        code:'2001',
                        updateMan:'blue',
                        confirmMan:'blue',
                        planBook:'附件',
                        time:'2222',
                        status:'未填写'
                    },
                     {
                        Name:'专业名称',
                        code:'2001',
                        updateMan:'blue',
                        confirmMan:'blue',
                        planBook:'附件',
                        time:'2222',
                        status:'未填写'
                    }



                ]

            }
        },
        components:{
            
        },
        methods:{
            handleSelectionChange(val) {
                this.multipleSelection = val;
            }
        }
    }
</script>
<style>

</style>